.banner {
    height: 2.1rem;
    background: url("../img/1.png") no-repeat center / cover;
}

.moments {

}

.moment {
    border-bottom: .01rem solid #333333;
    padding: .16rem;
    display: flex;
}

.moment .avatar {
    height: .4rem;
    width: .4rem;
    background-color: #0c5460;
    margin-right: .08rem;
}

.moment .moment-content {
    flex: 1;
}

.moment .feature {
    display: flex;
    padding: .12rem 0;
}

.moment .feature span {
    margin-right: .3rem;
}

.moment .feature span .red {
    background-color: red;
    color: #fff;
}

/* public_time */
/* create_time now */
/*
小于1小时 xx分钟
小于1天 xx小时
小于1月 xx天
*/

.moment .comments {}
.moment .comments .item {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

.moment .comments .item a span {
    color: red;
}

.moment .comments .item .i-text {
    background-color: #1c7430;
    color: #fff;
}

.moment .show-comments {
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 20px;
    color: #fff;
    font-weight: bold;
    background-color: #6f42c1;
}







